			*{
				padding: 0;
				margin: 0;
			}
			html,
			body {
				font-family: "微软雅黑";
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				background-color: #ecf0f5;
			}
			.self-bc-color{background-color:rgb(60,141,188);}
			.self-text-color{color:rgb(255,255,255);}
			.self-textbc-color{background-color:rgb(255,255,255);}
			.self-border-color{border-color:rgb(255,255,255);}
			.lineH_34{line-height: 34px;}
			
			header .navbar{
				border-radius: 0;
				border: none;
			}
			.navbar .navbar-nav>li:focus,.navbar .navbar-nav>li>a:focus{background-color:transparent;border:none;}
			.navbar .navbar-nav>li>a:focus{color:#fff;}
			.navbar .navbar-nav>li>a:hover,
			.navbar .navbar-nav>li.active>a,
			.navbar .navbar-nav>li.active>a:focus,
			.navbar .navbar-nav>li.active>a:hover{
				background-color:rgba(0,0,0,.1);
				color:#fff;
			}
			
			aside {
				position: fixed;
				top: 50px;
				left: 0;
				width: 300px;
				height: 100%;
				transition: all .3s;
			}
			
			aside .aside-inner {
				height: 100%;
				padding: 25px 15px;
				background-color:rgba(255,255,255,.1);
			}
			
			aside .aside-inner>div:not(:last-child) {
				margin-bottom: 30px;
			}
			
			@media only screen and (min-width:767px) {
				
				aside .aside-nav div:not(:last-child) {
					border-right: 1px solid #fff;
				}
			}
			@media only screen and (max-width:767px) {
				section{padding-left: 0 !important;}
				section .control-btn {
					left: 10px !important;
				}
			}
			aside .aside-nav a {
				display: inline-block;
				cursor: pointer;
				-webkit-transition: transform .3s;
				-o-transition: transform .3s;
				transition: transform .3s;
			}
			
			aside .aside-nav a:hover {
				text-decoration: none;
				-moz-transform:scale(1.2,1.2);
				-o-transform:scale(1.2,1.2);
				-webkit-transform:scale(1.2,1.2);
				-ms-transform:scale(1.2,1.2);
				transform:scale(1.2,1.2);
			}
			
			section {
				width: 100%;
				height: 100%;
				padding-top: 50px;
				padding-left: 300px;
				transition: all .3s;
			}
			
			section .main {
				width: 100%;
				height: 100%;
				border: none;
			}
			/*控制aside隐藏按钮样式*/
			section .control-btn {
				position: fixed;
				bottom: 20px;
				left: 100px;
			}
			
			section .toggle-btn {
				position: relative;
				width: 34px;
				height: 30px;
			}
			
			section .toggle-btn>span {
				position: absolute;
				top: 13px;
				left: 9px;
				width: 16px;
				height: 2px;
				background-color: #fff;
				transition: transform .3s, width .4s;
			}
			
			section .toggle-btn .toggle-btn1 {
				transform: rotate(-45deg);
			}
			
			section .toggle-btn .toggle-btn2 {
				transform: rotate(45deg);
			}
			
			section .toggle-btn .toggle-btn3 {
				width: 0;
			}
			/*侧边栏显示隐藏按钮*/
			#asideControler:checked~section .toggle-btn .toggle-btn1 {
				transform: translateY(-4px);
			}
			
			#asideControler:checked~section .toggle-btn .toggle-btn2 {
				transform: translateY(4px);
			}
			
			#asideControler:checked~section .toggle-btn .toggle-btn3 {
				width: 16px;
			}
			
			/*侧边栏隐藏显示*/
			#asideControler:checked~aside{left:-300px;}
			#asideControler:checked~section{padding-left:0;}
			/*内部页面样式*/
			.page-inner{padding: 15px;}
			/*设置页面更换颜色组件样式 */
			.colorContent{margin: 0 auto}
			.colorBlock{position:relative;float:left;width:30px;height:30px;cursor: pointer;transition:transform .3s;}
			.colorBlock.active,.colorBlock:hover{transform: translateY(-4px);}
			.colorBlock:nth-child(1){background-color:rgb(96,92,169);}
			.colorBlock:nth-child(2){background-color:rgb(0,167,90);}
			.colorBlock:nth-child(3){background-color:rgb(60,141,189);}
			.colorBlock:nth-child(4){background-color:rgb(211,54,36);}
			.colorBlock:nth-child(5){background-color:rgb(102,102,102);}
			.self-list{padding:20px 0;margin: 0 auto}
			.self-list-group{padding:10px;} 
			.self-list-group .self-list{padding:5px 10px;}
			.self-list .self-list-item:not(:last-child){height:20px;margin-bottom:20px;}
			.self-list .self-list-item .list-strip{position:relative;display:inline-block;width:180px;height:10px;background-color:#f5f5f5;}
			.self-list .self-list-item .list-strip .list-slider{position:absolute;top:-5px;left:0;width:20px;height:20px;border:1px solid #ddd;background-color:#f5f5f5;cursor:pointer;}
			.self-list .self-list-item .list-value{display:inline-block;width:40px;height:20px;margin-left:20px;border:1px solid #ddd;line-height:18px;background-color:#fff; }
			.self-list .self-list-red .list-strip .list-progress{float:left;width:0;height:100%;background-color:#d53e3a}
			.self-list .self-list-green .list-strip .list-progress{float:left;width:0;height:100%;background-color:#36bd64}
			.self-list .self-list-blue .list-strip .list-progress{float:left;width:0;height:100%;background-color:#1483ff}
			@media only screen and (max-width:767px) {
				.self-list .self-list-item .list-value{margin-left: 2px;}
			}